@import "_function";

.cate {
  .pb(130);
  .title {
    .fs(36);
    background: #ffffff;
    color: #000000;
    text-align: center;
    .lh(90);
    width: 100%;
    position: fixed;
    .t(0);
  }
  .nav {
    overflow: hidden;
    display: flex;
    .p(0,25,0,25);
    .bc(@colorW);
    justify-content:space-between;
    .h(70);
    .w(700);
    position: fixed;
    .t(90);
    border-top: 1px solid #878787;
    border-bottom: 2px solid #e5e5e5;
    li {
      float: left;
      .p(0,24,0,24);
      .lh(70);
    }
    .on {
      background: #00a0e9;
      color: #ffffff;
    }
  }
  .list {
    overflow: hidden;
    .mt(160);
    .p(0,25,0,25);
    li {
      width: 50%;
      float: left;
      &:nth-child(2n) {
        .pic {
          overflow: hidden;
          img {
            float: right;
          }
        }
      }
      .mt(30);
      .pic {
        display: block;
        margin: 0 auto;
        img {
          display: block;
          .w(340);
          .h(236);
        }
      }
      .text {
        .h(56);
        overflow: hidden;
      }
      .price {
        display: block;
        width: 50%;
        float: left;
        .lh(56);
        .fs(24);
        color: #ff0000;
        b {
          display: inline-block;
          .lh(56);
          .fs(36)
        }
      }
      .old-price {
        display: block;
        float: left;
        width: 50%;
        .lh(56);
        .fs(24);
        color: #afafaf;
        text-decoration: line-through;
        s {
          display: inline-block;
          .lh(56);
          color: #afafaf;
        }
      }
      .sub-title {
        display: block;
        .lh(28);
        .w(290);
        h3 {
          .fs(24);
          color: #000000;
        }
      }
    }
  }
}